<template>
  <div style="margin-top: 50px">
    <div class="top">
      <div style="text-align: center">
        <div class="icon_div"><img src="@/assets/image/right.png"></div>
        <div class="icon_div"><div class="xian" /></div>
        <div class="icon_div"><img src="@/assets/image/right.png"></div>
        <div class="icon_div"><div class="xian" /></div>
        <div class="icon_div"><img src="@/assets/image/right.png"></div>
        <div class="icon_div"><div class="xian" /></div>
        <div class="icon_div"><img src="@/assets/image/4_blue.png"></div>
      </div>
      <div style="text-align: center">
        <div class="icon_div" style="width:195px"><span style="color:gray">填写账号及验证</span></div>
        <div class="icon_div" style="width:192px"><span style="color:gray">二次验证</span></div>
        <div class="icon_div" style="width:191px">设置新密码</div>
        <div class="icon_div" style="width:195px"><span style="color:gray">完成</span></div>
      </div>
    </div>
    <div class="container">
      <div class="pic_div">
        <div class="image_div"><img src="@/assets/image/success.png"></div>
        <div style="margin-top:30px;text-align: center;"><span style="font-weight: 700;font-size: 18px">恭喜您，密码重置成功</span></div>
        <div style="margin-top:20p;text-align: center;x"><span style="font-size:14px;color:gray">请返回登录页面使用新密码登录！</span></div>
      </div>
      <div class="btn_div">
        <el-button type="primary" style="width:300px" @click="successbtn">完成返回</el-button>
      </div>
    </div>
    <div><hr style="width:700px"></div>
    <div style="text-align: center"><span style="color:rgb(98 101 105);">为避免手机遗失导致重要信息泄露，密码重置功能需要您本人和部门同事双重短信验证，敬请知悉。</span></div>
  </div>
</template>

<script>
import Global from '@/utils/Global.js'
export default {
  data() {
    return {
      pwd: '',
      NewPwd: ''
    }
  },

  methods: {
    successbtn() {
      this.$router.replace({ path: '/' })
    }
  }
}
</script>
<style scoped>
.top{
  width:100%;
  height: 70px;
}
.container{
  margin: 0 auto;
  width: 600px;
  height: 330px;
}

.demo-ruleForm{
  margin-left: 110px;
  margin-top: 40px;
}

.input_text{
  width:300px
}

.btn_div{
  text-align: center
}
/deep/ label{
  font-weight: 500;
}

.icon_div{
  display: inline-block;

}
.xian{
  width: 160px;
  border: 1px solid #2F86F6;
  background-color: #2F86F6;
  margin-bottom: 15px;
}
.pic_div{
  height: 240px;
}

.image_div{
  text-align: center;
  margin-top: 25px;
}
</style>
